<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>解决方案</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/public.js"></script>
	</head>

	<body>
		<div class="topbox">
			<div class="head clearfloat">
				<div class="logo clearfloat">
					<em></em><span>智慧消防大数据云平台</span>
				</div>
				<div class="nav">
					<ul class="clearfloat">
						<li><a href="index.html">首页</a></li>
						<li><a href="tmc1.html">产品中心</a>
							<div class="nav_down">
								<p><a href="tmc1.html">TMC智慧消防云平台</a></p>
								<p><a href="tmc2.html">TMC智慧消防APP/小程序</a></p>
								<p><a href="tmc3.html">TMC可视化指挥平台</a></p>
								<p><a href="hard.html">硬件终端</a></p>
							</div>
						</li>
						<li class="active"><a href="solve.html">解决方案 </a>
							<div class="nav_down">
								<p><a href="">火灾自动报警系统解决方案</a></p>
								<p><a href="">电气火灾监控系统解决方案</a></p>
								<p><a href="">可燃气体监控系统解决方案</a></p>
								<p><a href="">消防给水监测系统解决方案</a></p>
								<p><a href="">气体灭火控制系统解决方案</a></p>
								<p><a href="">防火门监控系统解决方案</a></p>
								<p><a href="">消防视频监控系统解决方案</a></p>
								<p><a href="">消防巡检系统解决方案</a></p>
								<p><a href="">应急疏散系统解决方案</a></p>
							</div>
						</li>
						<li><a href="case.html">应用案例</a></li>
						<li><a href="agent.html">招商代理</a></li>
						<li><a href="about.html">关于我们</a></li>
					</ul>
				</div>
			</div>

		</div>
		<!--top-->
		<div class="wraps">

			<div class="pro_ban">
				<div class="pro_use clearfloat">
					<div class="pro_le">
						<div class="good_tit">
							电气火灾监控系统解决方案
						</div>
						<div class="good_info">
							电气火灾监控系统通过对电器线路漏电（剩余电流）、线路或连接点温度的监测，准确监控电气线路的故障和异常状态，能有效地预防常见的因漏电导致接地电弧、线路或连接点温度过高所引起的建筑物电气火灾事故。
						</div>
						<div class="good_more">
							<a href="">立即咨询</a>
						</div>
					</div>
					<div class="hard_pic">
						<div id="solve1" class="solve1">
							<img src="images/solve1.png" alt="" width="79" height="87">
						</div>
						<div id="solve2" class="solve2">
							<img src="images/solve2.png" alt="" width="482" height="192">
						</div>
						<div id="solve3" class="solve3">
							<img src="images/solve3.png" alt="" width="376" height="222">
						</div>
					</div>
				</div>
			</div>

			<!--banner-->
			<div class="main">
				<div class="main-top">
					<span class="active">系统架构图</span><span>功能特点</span><span>核心功能</span><span>应用案例</span><span>系统硬件</span>
				</div>
				<div class="systebox">
					<div class="sys_tit">
						系统架构图
					</div>
					<div class="solv_pic">
						<img src="images/solv.svg" />
						<div class="sys1 sys">
							<img src="images/sys1.png" />
						</div>
						<div class="sys2 sys">
							<img src="images/sys2.png" />
						</div>
						<div class="sys3 sys">
							<img src="images/sys3.png" />
						</div>
						<div class="sys4 sys">
							<img src="images/sys4.png" />
						</div>
						<div class="sys5 sys">
							<img src="images/sys5.png" />
						</div>
						<div class="sys6 sys">
							<img src="images/sys6.png" />
						</div>
						<div class="sys7 sys">
							<img src="images/sys7.png" />
						</div>
						<div class="sys8 sys">
							<img src="images/sys8.png" />
						</div>

					</div>
				</div>
				<!--系统结构图-->
				<div class="char_box">
					<div class="sys_tit">
						功能特点
					</div>
					<div class="sys_list">
						<ul class="clearfloat">
							<li>
								<a>
									<div class="tra_tit">
										&#xe65c;
									</div>
									<div class="tra_text">
										<p>零建设成本</p>
										<p>租用式服务</p>
									</div>
								</a>
							</li>
							<li>
								<a>
									<div class="tra_tit">
										&#xe604;
									</div>
									<div class="tra_text">
										<p>语音、短信、APP</p>
										<p>三种通知模式</p>
									</div>
								</a>
							</li>
							<li>
								<a>
									<div class="tra_tit">
										&#xe608;
									</div>
									<div class="tra_text">
										<p>24小时联网监测</p>
										<p>多方联动</p>
									</div>
								</a>
							</li>
							<li>
								<a>
									<div class="tra_tit">
										&#xe6eb;
									</div>
									<div class="tra_text">
										<p>大数据火灾</p>
										<p>智能研判</p>
									</div>
								</a>
							</li>
						</ul>
					</div>

				</div>
				<!--功能特点-->
				<div class="kern_box">
					<div class="sys_tit">
						核心功能
					</div>
					<div class="kern_list">
						<ul class="clearfloat">
							<li class="active">
								<a>
									<div class="kern_pic">
										&#xe615;
									</div>
									<div class="kern_name">
										云平台
									</div>
									<div class="kern_line"></div>
									<div class="kern_info">
										<span>实时监测</span><span>设备管理</span><span>数据统计</span><span>报警通知</span>
									</div>
								</a>
							</li>
							<li>
								<a>
									<div class="kern_pic">
										&#xe610;
									</div>
									<div class="kern_name">
										移动端
									</div>
									<div class="kern_line"></div>
									<div class="kern_info">
										<span>实时监测</span><span>设备管理</span><span>数据统计</span><span>报警通知</span>
									</div>
								</a>
							</li>
							<li>
								<a>
									<div class="kern_pic">
										&#xe627;
									</div>
									<div class="kern_name">
										应急指挥中心
									</div>
									<div class="kern_line"></div>
									<div class="kern_info">
										<span>实时监测</span><span>设备管理</span><span>数据统计</span><span>报警通知</span>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<!--核心功能-->
				<div class="app_use">
					<div class="apply_box">
						<div class="apply_tit">
							应用案例
						</div>
						<div class="apply_list">
							<ul class="clearfloat">
								<li>
									<a href="">
										<div class="apply_pic">
											<img src="temp/apply1.png" />
										</div>
										<h1 class="app_name">武汉黄鹤楼</h1>
										<div class="apptext">
											黄鹤楼位于湖北省武汉市长江南岸的武昌蛇山之巅，濒临万里长江，是国家5A级旅游景区。楼高5层，总高度51.4米，建筑面积3219平方米。楼内建筑多为木质材料，为消防安全考虑，XX为黄鹤楼内各区域安装战马智能烟雾报警器。
										</div>
									</a>
								</li>
								<li class="active">
									<a href="">
										<div class="apply_pic">
											<img src="temp/apply2.png" />
										</div>
										<h1 class="app_name">盐城城南新区新河街道</h1>
										<div class="apptext">
											新河街道环境比较复杂，火灾隐患较大，新河商业街最近几年就发生了多起火灾。城南新区新河街道联合盐城市消防支队，在整个街道重点商户、群租房、养老院、新河街道本部安装XXNB-IoT智慧烟感。并在此次展示会上，向省总队领导介绍了XX...
										</div>
									</a>
								</li>
								<li>
									<a href="" class="clearfloat">
										<div class="apply_pic clearfloat">
											<img src="temp/apply3.png" />
										</div>
										<h1 class="app_name">无锡恒隆广场</h1>
										<div class="apptext">
											无锡恒隆广场（一期）的面积达262,720平方米，包括购物商场及甲级办公楼群。为保障消防安全，XX为恒楼广场设计消防安装部署方案并派工程队前往安装。
										</div>
									</a>
								</li>
							</ul>
						</div>

					</div>

				</div>

				<!--应用案例-->
				<div class="econ_box">
					<div class="sys_tit">
						系统硬件
					</div>
					<div class="econlist">
						<ul>
							<li>
								<a href="">
									<div class="econ_pic">
										<img src="temp/econ1.png" />
									</div>
									<div class="econ_name">
										电气火灾探测器
									</div>
								</a>
							</li>
							<li>
								<a href="">
									<div class="econ_pic">
										<img src="temp/econ2.png" />
									</div>
									<div class="econ_name">
										LoRa网关
									</div>
								</a>
							</li>
							<li>
								<a href="">
									<div class="econ_pic">
										<img src="temp/econ3.png" />
									</div>
									<div class="econ_name">
										LoRa基站
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

			<div class="footerbox">
				<div class="footer clearfloat">
					<div class="hot_line">
						<div class="hot_tit">
							<span>售前咨询热线</span>
						</div>
						<div class="call">
							400-888-8888
						</div>
						<div class="qqin">
							QQ咨询
						</div>
					</div>
					<div class="fast_nav">
						<div class="fast_tit">
							快速导航
						</div>
						<div class="fast_list">
							<p><a href="tmc1.html">产品中心</a></p>
							<p><a href="solve.html">解决方案</a></p>
							<p><a href="case.html">应用案例</a></p>
							<p><a href="agent.html">招商代理</a></p>
							<p><a href="about.html">关于我们</a></p>
						</div>
					</div>
					<div class="contus">
						<div class="fast_tit">
							联系我们
						</div>
						<div class="fast_list">
							<p>武汉XX科技有限公司</p>
							<p>地址：湖北省武汉市洪山区光谷XX大厦</p>
							<p>邮箱：admin@admin.com</p>
							<p>电话：400-888-8888</p>
						</div>
					</div>
					<div class="code">
						<div class="code_pic">
							<img src="temp/code.png" />
						</div>
						<div class="code_text">
							微信公众号
						</div>
					</div>
				</div>
				<div class="copy">
					&copy; <script>document.write(new Date().getFullYear());</script> XX公司&nbsp;&nbsp;ICP备XXXXXXXX号&nbsp;&nbsp;友情链接：<a style="color:#fff;" href="https://www.jsdaima.com/" title="js代码" target="_blank">js代码（www.jsdaima.com）</a>
				</div>
			</div>

			<div class="contact">
				<div class="callbox">
					<span>&#xe606;</span>
					<div class="call_num">
						400-888-8888
					</div>
				</div>
				<div class="wxbox">
					<span></span>
					<div class="wxpic">
						<img src="temp/weixin.png" />
					</div>
				</div>
				<div class="return">
					<span></span>
					<!--<img src="images/return.png"/>-->
				</div>
			</div>
		</div>
		<!--右侧返回顶部-->
		<script src="js/jquery.nGyroParallax.js"></script>
		<script type="text/javascript">
			$(function() {
				$(".pro_ban").mousemove(function(e) {
					$('#solve1').nGyroParallax({
						magnification: .005
					});
					$('#solve2').nGyroParallax({
						magnification: .004
					});
					$('#solve3').nGyroParallax({
						magnification: .002
					});
				}).mouseleave(function() {
					$('#solve1').nGyroParallax({
						magnification: 0
					});
					$('#solve2').nGyroParallax({
						magnification: 0
					});
					$('#solve3').nGyroParallax({
						magnification: 0
					});
				})
			});
		</script>

		<script>
			var pro = function() {
				var index = 0;
				var h1 = $('.systebox').offset().top;
				var h2 = $('.char_box').offset().top;
				var h3 = $('.kern_box').offset().top;
				var h4 = $('.app_use').offset().top;
				var h5 = $('.econ_box').offset().top;
				$(".main-top span").click(function() {
					$(this).addClass("active").siblings("span").removeClass("active");
					index = $(this).index();
					if (index == 0) {
						$(".wraps").animate({
							scrollTop: h1 - 200
						}, 300);
					} else if (index == 1) {
						$(".wraps").animate({
							scrollTop: h2 - 200
						}, 300);
					} else if (index == 2) {
						$(".wraps").animate({
							scrollTop: h3 - 200
						}, 300);
					} else if (index == 3) {
						$(".wraps").animate({
							scrollTop: h4 - 200
						}, 300);
					} else if (index == 4) {
						$(".wraps").animate({
							scrollTop: h5 - 200
						}, 300);
					}
				})
				var mahe = $(".main-top").offset().top - 60;
				$(".wraps").scroll(function() {
					var he = $(this).scrollTop();
					if (he < mahe) {
						$(".main-top").removeClass("active");
					} else {
						$(".main-top").addClass("active")
					}
					if (he < h1) {
						$(".main-top span").eq(0).addClass("active").siblings("span").removeClass("active");
					} else if (he < h2 + 100) {
						$(".main-top span").eq(1).addClass("active").siblings("span").removeClass("active");
					} else if (he < h3 + 100) {
						$(".main-top span").eq(2).addClass("active").siblings("span").removeClass("active");
					} else if (he < h4 + 100) {
						$(".main-top span").eq(3).addClass("active").siblings("span").removeClass("active");
					} else if (he < h5 + 100) {
						$(".main-top span").eq(4).addClass("active").siblings("span").removeClass("active");
					}
				})
			}
			pro(); //产品中心切换
		</script>
	</body>

</html>